<link rel="stylesheet" type="text/css" href="{{ asset('/css/email.css') }}">
<div class="body-bg-container">
    <div class="header-top wrap">
        <a href="" class="fl"><img src="{{ url('/images/emial-logo.png') }}"></a>
        <p class="fr header-txt-p-top">您若未能完整地閱讀電郵內容，請 <a href="">瀏覽此處</a>。</p>
    </div>
    <div class="body-main wrap">
        <div class="top-body-main">
            @if($type=1)
            <div style="background:url({{ url('/images/email-banner.jpg') }}) no-repeat center / 100%; height:143px;"></div>
            
            <h1 class="top-body-title">歡迎註冊郵箱<span>WELCOME TO REGISTER</span></h1>
            <p style="font-size:16px; margin-top:34px; color:#f2b512;">{{$email}}</p>
            <p style="font-size:12px; color:#333333; margin-top:20px;">感謝您註冊至尊寶，下面是郵箱驗證碼（有效時間30分鐘）：<span id="clone" style="margin-top:20px; font-size:16px; color:#f2b512;">{{$code}}</span></p>
            <div class="top-body-main-box" style="margin-top:47px;">
                <a href="javascript:;" id="c-btn" class="at-onces tc">複製驗證碼</a>         
            </div>
            @elseif($type=2)
            <h1 class="top-body-title">至尊寶密碼找回<span></span></h1>
            <p style="font-size:12px; color:#666666;margin-top:18px;">即將完成。請確認您的電子郵件，以完成密碼找回。</p>
            <p style="font-size:12px; color:#666; margin-top:20px;">下面是郵箱驗證碼（有效時間30分鐘）：<span id="clone" style="margin-top:20px;font-size:18px;color:#f2b512;font-weight: bold;">{{$code}}</span></p>
            <div class="top-body-main-box" style="margin-top:47px;">
                <a href="javascript:;" id="c-btn" class="at-onces tc">複製驗證碼</a>         
            </div>
            @elseif($type=3)
            <div class="order-mail tc">
                    <h1>我們收到了您的訂單</h1>
                    <p>在確認妳的付款後，我們會開始處理您的訂單。</p>
                </div>
                <em class="order-title">訂單商品</em>
                <div class="order-content">
                    <h2>周生生黃金戒指對戒真人秀</h2>
                    <div class="order-con fix">
                        <img src="images/products.jpg" width="90" height="87" class="fl">
                        <div class="fl order-desc">
                            <dl>
                                <dd>重 量:{{$order->weight}}</dd>
                                <dd>價 格:HK{{$order->price}}</dd>
                                <dd>已繳納保證金:HK{{$order->money}} </dd>
                            </dl>
                        </div>
                    </div>
                </div>
                <address class="address">
                    <em>收貨地址:</em>
                    <p>(此產品需本人親自在店內取，並繳納餘款.)</p>
                </address>
                <address class="address">
                    <em>發貨通知:</em>
                    <p>(工作人員會在第三個工作於電話與您聯系，並通知您到店.)</p>
                </address>
                <i class="line-dom"></i>
                <!-- // 付款和發票 -->
                <div class="play-and-invoice">
                    <h3>付款和發票</h3>
                    <div class="play-and-invo-cont fix">
                        <div class="play-left invo-list fl">
                            <dl>
                                <dt>帳單聯系人</dt>
                                <dd>{{$user->family}} {{$user->name}}</dd>
                                <dd>{{$order->phone}}</dd>
                                <dd>{{$user->user_email}}</dd>
                            </dl>
                        </div>
                        <div class="play-right invo-list fr">
                            <dl>
                                <dd><em>付款方式</em>支付寶</dd>
                                <dd><em>發票類型</em>Apple 電子收據</dd>
                            </dl>
                        </div>
                    </div>
                </div>
                <!-- // 付款和發票 -->
                <i class="line-dom"></i>
                <!-- // product-details -->
                <div class="product-details fix">
                    <div class="pro-detai fr">
                        <h3>運費: <span>HK$  0</span></h3>
                        <i class="line-hr"></i>
                        <h3>已繳納訂單保證金額:<span>HK$  {{$order->money}}</span></h3>
                        <h5>（此金額僅為總價格的10%）</h5>
                        <i class="line-hr"></i>
                        <h3>總金額:<span>HK${{$order->price}}</span></h3>
                    </div>
                </div>
            @endif
            <p style="font-size:12px; color:#999999; margin-top:48px;">此電郵由系統發送，請勿回復此電子郵件，如果妳有任何的疑問或查詢，</p>
            <p style="font-size:12px; color:#999; margin-top:17px;">請透過 <a href="mailto:admin@superiortreasure.com.hk">admin@superiortreasure.com.hk</a> 與我們聯酪。</p>
        </div>
        <div class="bottom-body-main">
            <a href="{{$_SERVER['SERVER_NAME']}}" style="letter-spacing:2px;">至尊寶實業有限公司</a>
            <a href="{{$_SERVER['SERVER_NAME']}}">www.zizunbao.com.hk</a>
        </div>
    </div>
    <footer class="footer tc">
        <p>防止詐騙資訊  常見問題  使用條款及風險警示  私隱權政策  網頁指南</p>
        <p style="margin-top:16px;">Copyright © 2011 Goldbar. All Rights Reserved</p>
    </footer>
</div>
<script type="text/javascript">
$('#c-btn').click(function(){
    $("#clone").text().clone();
    alert("復制成功！");
});
</script>